<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        label {
            float: left;
            margin-right: 20px;
        }
        ul{
            overflow: hidden;
            clear: both;
            margin-bottom:10px;
        }
        ul li{
            cursor: pointer;
            list-style: none;
            float:left;
            width:80px;
            height:25px;
            margin-right:10px;
            line-height:25px;
            text-align: center;
            border:1px solid #999;
            background: #fff;
        }

        ul li.selected {
            background: #fff;
            border-color : #ff0000;
        }

        ul li.unavaliabled {
            background: #eee;
            border-color : #fff;
            color: #fff
        }
    </style>
</head>
<body>
    <div id="specify">

    </div>
</body>
<!--<script>
  var name = "The Window";
  var object = {
    name : "My Object",
    getNameFunc : function(){
      return function(){
        return this.name;
      };
    }
  };
  alert(object.getNameFunc()());
</script>-->
<script src="index.js"></script>
</html>